<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>
        {% block title %}
        {% endblock %}
    </title>
    {% block head %}
    {% endblock %}

</head>
<body>
<div id="wrapper">
    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/">超人公司考勤管理界面</a>
        </div>
        <!-- /.navbar-header -->
        <ul class="nav navbar-top-links navbar-right">
            <li>
                <a>欢迎：<span id='name'>{{g_name}}</span></a>
            </li>
            <li>
                <a href="/oa_system/log_out/">退出</a>            </li>
            <li>
                <a href="/oa_system/profile/">个人中心</a>
            </li>
        </ul>
        <!-- /.navbar-top-links -->
        <div class="navbar-default sidebar" role="navigation">
            <div class="sidebar-nav navbar-collapse">
                <ul class="nav" id="side-menu">
                    <li>
                        <a href="/oa_system/index/"><i class="fa fa-dashboard fa-fw"></i> 首页</a>
                    </li>
                      {% if show().news %}
                    <li>
                        <a href="/oa_system/news/"><i class="fa fa-envelope-o fa-fw"></i> 新闻管理</a>
                    </li>
                  {% endif %}
                    {% if show().permission or show().department %}
                    <li>
                        <a href="/oa_system/permission/"><i class="fa fa-table fa-fw"></i>权限管理</a>
                    </li>
                    {% endif %}
                    <li>
                        <a href="#"><i class="fa fa-bar-chart-o fa-fw"></i> 考勤管理<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="/oa_system/attendance_me/">个人考勤</a>
                            </li>
                               {% if show().attendance%}
                            <li>
                                <a href="/oa_system/attendance_subordinate/">下属考勤</a>
                            </li>
                            {% endif %}
                        {% if show().department%}
                        </ul>
                    </li>

                    <li>
                        <a href="#"><i class="fa fa-user fa-fw"></i> 人事管理<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                             {% if show().department%}
                            <li>
                                <a href="/oa_system/department/">部门管理</a>
                            </li>
                            {% endif %}
                        {% if show().person%}
                            <li>
                                <a href="/oa_system/person/">职员管理</a>
                            </li>
                        {% endif %}
                        </ul>
                        <!-- /.nav-second-level -->
                    </li>
                </ul>
            {% endif %}
            </div>
            <!-- /.sidebar-collapse -->
        </div>
        <!-- /.navbar-static-side -->
    </nav>
    <!-- Page Content -->
    <div id="page-wrapper">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    {% block label %}
                    {% endblock %}
                </div>
                <!-- /.col-lg-12 -->
            </div>
            <!-- /.row -->
            <div class="row">
                <div class="col-lg-12">
                    {% block contenter %}
                    {% endblock %}
                </div>
                <!-- /.col-lg-12 -->
            </div>
        </div>
        <!-- /.container-fluid -->
    </div>
    <!-- /#page-wrapper -->
</div>
<!-- /#wrapper -->
{% block body %}
{% endblock %}
{% block script %}
{% endblock %}
</body>
{#<script>#}
{#        (function loadXMLDoc()#}
{#{#}
{#    var display;#}
{#    if (window.XMLHttpRequest)#}
{#    {#}
{#        //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码#}
{#        display=new XMLHttpRequest();#}
{#    }#}
{#    else#}
{#    {#}
{#        // IE6, IE5 浏览器执行代码#}
{#        display=new ActiveXObject("Microsoft.display");#}
{#    }#}
{#    display.open("GET","/oa_system/base/",true);#}
{#    display.send();#}
{#    display.onreadystatechange=function()#}
{#    {#}
{#        if (display.readyState==4 && display.status==200)#}
{##}
{#        {#}
{#            document.getElementById("name").innerHTML = JSON.parse(display.responseText).N#}
{#        }#}
{#    }#}
{##}
{#})()#}
{#    </script>#}
</html>
